<template>
  <section class="common-head-body">
    <!--导航栏: 单绑标题，左侧文字，右侧文字，返回箭头，点击左侧文字时触发，点击右侧文字时触发-->
    <van-nav-bar :title="title" left-text="返回" right-text="首页" left-arrow
                 @click-left="router.back()"
                 @click-right="router.push('/')"/>
  </section>
</template>

<script setup>
import router from "@/router";

// props: 接收父组件传递过来的值
let props = defineProps({
  // 接收父组件传递过来的title值，必须是字符串类型，默认 "绝对在线课堂"
  title: {type: String, default: '绝对在线课堂'}
});
</script>

<style scoped>

</style>